import React from 'react';
import { Flex, Box, FlexProps } from '@chakra-ui/react';

type Props = FlexProps & {
  text?: string | React.ReactNode;
};

const EmptyTip = ({ text, ...props }: Props) => {
  return (
    <Flex mt={5} flexDirection={'column'} alignItems={'center'} py={'10vh'} {...props}>
      <Box mt={2} color={'myGray.500'} fontSize={'sm'}>
        {text || 'common:common.empty.Common Tip'}
      </Box>
    </Flex>
  );
};

export default EmptyTip;
